
<style type="text/css">
  table.body {
    background: red !important;
  }
  .columns {
    border: 1px solid dodgerblue;
  }
</style>

<container>
  <row>
    <columns small="12" large="12">
      <h4>small="12" large="12"</h4>
    </columns>
  </row>
  <row>
    <columns small="12" large="6">
      <h4>small="12" large="6"</h4>
    </columns>
    <columns small="12" large="6">
      <h4>small="12" large="6"</h4>
    </columns>
  </row>
  <row>
    <columns small="12" large="2">
      <h4>small="12" large="2"</h4>
    </columns>
    <columns small="12" large="4">
      <h4>small="12" large="4"</h4>
    </columns>
    <columns small="12" large="6">
      <h4>small="12" large="6"</h4>
    </columns>
  </row>
  <row>
    <columns small="12" large="2">
      <h4>small="12" large="2"</h4>
    </columns>
    <columns small="4" large="4">
      <h4>small="4" large="4"</h4>
    </columns>
    <columns small="8" large="6">
      <h4>small="8" large="6"
    </columns>
  </row>
  <row>
    <columns small="12" large="2">
      <h4>small="12" large="2"</h4>
    </columns>
    <columns small="12" large="2">
      <h4>small="12" large="2"</h4>
    </columns>
    <columns small="12" large="2">
      <h4>small="12" large="2"</h4>
    </columns>
    <columns small="6" large="6">
      <p>small="6" large="6" left align</p>
    </columns>
  </row>
</container>